@charset "utf-8";

*{
    box-sizing: border-box;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    -webkit-font-smoothing: antialiased;
    line-height: 1.6;
    min-width: 1200px;
    background: #e7e8eb
}

input, textarea, button, a {
    outline: 0
}

body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, fieldset, textarea {
    margin: 0
}

fieldset, legend, textarea, input {
    padding: 0
}

ul, ol {
    padding-left: 0;
    list-style-type: none
}

a img, fieldset {
    border: 0
}

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button
}

button[disabled], html input[disabled] {
    cursor: default
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: none
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    box-shadow: inset 0 0 0 1000px #fff;
    -moz-box-shadow: inset 0 0 0 1000px #fff;
    -webkit-box-shadow: inset 0 0 0 1000px #fff
}

select {
    border-radius: 0;
    -webkit-border-radius: 0
}

body {
    line-height: 1.6;
    font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif;
    color: #222;
    font-size: 14px
}

textarea, input {
    color: #222
}

textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
    color: #a3a3a3
}

textarea:-moz-placeholder, input:-moz-placeholder {
    color: #a3a3a3
}

textarea::-moz-placeholder, input::-moz-placeholder {
    color: #a3a3a3
}

textarea:-ms-input-placeholder, input:-ms-input-placeholder {
    color: #a3a3a3
}

textarea.placeholder, input.placeholder {
    color: #a3a3a3
}

textarea {
    resize: none;
    overflow-y: auto
}

a {
    color: rgb(96, 210, 150);
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

button, input, select, textarea {
    *font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif
}

.clearfix:before,.clearfix:after{
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;
}

input[type="file"]:focus{
    outline: none;
}

.form-control:focus{
    border-color: #cccccc;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn:focus{
    outline: none;
}

.btn:focus:active{
    outline: none;
}

/*.btn {*/
    /*display: inline-block;*/
    /*overflow: visible;*/
    /*padding: 0 22px;*/
    /*height: 30px;*/
    /*line-height: 30px;*/
    /**line-height: 28px;*/
    /*vertical-align: middle;*/
    /*text-align: center;*/
    /*text-decoration: none;*/
    /*border-radius: 3px;*/
    /*-moz-border-radius: 3px;*/
    /*-webkit-border-radius: 3px;*/
    /*font-size: 14px;*/
    /*border-width: 1px;*/
    /*border-style: solid;*/
    /*cursor: pointer;*/
    /*background-color: rgb(223, 223, 223);*/
/*}*/

/*.btn:hover {*/
    /*text-decoration: none;*/
    /*opacity: 0.8;*/
/*}*/

/*.btn.btn_mini {*/
    /*height: 21px;*/
    /*line-height: 21px;*/
    /**line-height: 19px;*/
    /*padding: 0 10px*/
/*}*/

/*.btn.btn_small {*/
    /*height: 25px;*/
    /*line-height: 25px;*/
    /**line-height: 23px;*/
    /*padding: 0 12px*/
/*}*/

/*.btn.btn_large {*/
    /*height: 38px;*/
    /*line-height: 38px;*/
    /**line-height: 36px;*/
    /*padding: 0 70px*/
/*}*/

.frm_input_box {
    display: inline-block;
    position: relative;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    width: 278px;
    font-size: 14px;
    padding: 0 10px;
    border: 1px solid #e7e7eb;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #fff;
}

.frm_input_box.search {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.frm_input_box.append {
  padding-right: 30px;
}

.frm_input_box.search.with_del {
  padding-right: 60px;
}

.frm_input_box .del_btn {
  position: absolute;
  right: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 0;
}

.frm_input_box.search .del_btn {
  right: 30px;
}

.icon_search_del {
    cursor: pointer;
    background: url("/static/images/cms2/base.png") 0 -390px no-repeat;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    display: inline-block;
}

.frm_input_box .del_btn i {
  vertical-align: -webkit-baseline-middle;
  margin-top: -0.2em;
}

.frm_input_box .frm_input_append {
  font-size: 0;
}

.frm_input_box.append .frm_input_append {
  position: absolute;
  top: 0;
  right: .8em;
}

.frm_input_box.search .frm_input_append {
    border-left: 1px solid #e7e7eb;
    right: 0;
    width: 30px;
    text-align: center;
}

.frm_input, .frm_textarea {
  width: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
}

.frm_input {
  height: 22px;
    line-height: 22px;
}

.tab_navs {
  text-align: center;
  line-height: 30px;
  border-bottom: 1px solid #e7e7eb;
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5);
}

.tab_navs:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

.tab_nav {
  float: left;
  font-size: 14px;
}

.tab_nav.selected {
  background-color: #d4d5d5;
}

.tab_nav a {
  display: block;
  text-decoration: none;
  color: #222;
  outline: 0;
  padding: 0 20px;
}

.body {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 36px 0 88px
}

.container_box {
    border: 1px solid #d9dadc;
    background-color: #fff
}

.faq {
  width: 178px;
  margin-top: -42px;
  position: relative;
  top: -18px;
  padding-left: 20px;
  font-size: 0;
}

.col_side {
    min-height: 1px;
    background-color: #fff
}

.inner_side {
    *padding-bottom: 9999em;
    *margin-bottom: -9999em;
    min-height: 1px
}

.side_l .col_side {
    border-right: 1px solid #e7e7eb
}

.side_l.inner_container_box .inner_side {
    border-right: 1px solid #e7e7eb
}

.side_r .col_side {
    border-left: 1px solid #e7e7eb
}

.side_r.inner_container_box .inner_side {
    border-left: 1px solid #e7e7eb
}

.inner_container_box {
    *zoom: 1;
    *overflow: hidden;
    background-color: #fff;
    border: 1px solid #e7e7eb
}

.inner_container_box:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

.inner_container_box .bd {
    min-height: 530px
}

.inner_container_box.cell_layout {
    *overflow: hidden
}

.inner_container_box.cell_layout .inner_side, .inner_container_box.cell_layout .inner_main {
    display: table-cell;
    vertical-align: top;
    word-wrap: break-word;
    word-break: break-all
}

.inner_container_box.cell_layout .inner_side {
    width: 27%;
    max-width: 240px
}

.inner_container_box.cell_layout .inner_main {
    width: 2000px
}

.inner_container_box.cell_layout .inner_side {
    *float: left;
    *width: 240px
}

.inner_container_box.cell_layout .inner_main {
    *zoom: 1;
    *width: auto
}

.inner_container_box.cell_layout.side_r {
    *padding-right: 241px
}

.inner_container_box.cell_layout.side_r .inner_main {
    *float: left;
    *width: 100%
}


.container_box {
    min-height: 700px
}

.container_box.cell_layout {
    *overflow: hidden
}

.container_box.cell_layout .col_side, .container_box.cell_layout .col_main {
    display: table-cell;
    vertical-align: top;
    word-wrap: break-word;
    word-break: break-all
}

.container_box.cell_layout .col_side {
    width: 17.5%;
    max-width: 208px
}

.container_box.cell_layout .col_main {
    width: 2000px;
    height: 700px
}

.container_box.cell_layout .col_side {
    *float: left;
    *width: 208px;
    *padding-bottom: 9999em;
    *margin-bottom: -9999em
}

.container_box.cell_layout .col_main {
    *zoom: 1;
    *width: auto;
    *height: auto
}

.menu_box {
    margin-bottom: 150px
}

.menu {
    padding-top: 6px;
    *font-size: 0
}

.menu.closed .menu_item {
    display: none
}

.menu {
    padding-bottom: 6px;
    border-top: 1px solid #e7e7eb
}

.menu.no_extra {
    border-top-width: 0;
    margin-top: 13px
}

.menu_title {
    position: relative;
    padding: 0 30px 0;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    line-height: 34px;
    *font-size: 14px;
    color: #8d8d8d
}

.menu_title {
    margin-bottom: 0
}

.menu_title .new {
    margin-left: 3px
}

.menu_title a {
    display: block;
    padding: 0 30px 0;
    color: #222;
    text-decoration: none
}

.menu_title a:hover {
    text-decoration: none
}

.menu_title.clickable {
    padding: 0
}

.menu_title.clickable i {
    cursor: pointer
}

.menu_title.clickable:hover {
    background-color: #f4f5f9
}

.menu_title.selected {
    background-color: #44b549;
    color: #fff
}

.menu_title.selected:hover {
    background-color: #44b549
}

.menu_title.selected a {
    color: #fff
}

.menu_item {
    line-height: 34px;
    *font-size: 14px
}

.menu_item:hover {
    background-color: #f4f5f9
}

.menu_item.selected {
    background-color: #44b549;
    color: #fff
}

.menu_item.selected a {
    color: #fff
}

.menu_item a {
    display: block;
    padding: 0 0 0 58px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    color: #222
}

.menu_item a:hover {
    text-decoration: none
}

.icon_menu {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
    background-size: contain!important;
}

.icon_menu {
    margin-right: 10px;
    margin-top: -0.2em;
    *margin-top: 0
}

/* footer */
.foot {
    padding: 24px 0;
    color: #f1f1f1;
    text-align: center;
    background-color: #b8b9b9
}

.ft.links {
  font-size: 12px;
}

.links_item {
  display: inline-block;
  vertical-align: middle;
  padding: 0 1em;
  line-height: 1em;
  border-left: 1px solid #d9dadc;
}

.ft .links_item {
  border-left-color: #f1f1f1;
}

.links_item:first-child {
  border-left-width: 0;
}

.links_item a {
  display: block;
  color: #797979;
}

.ft .links_item a {
  color: #f1f1f1;
}

.container_hd, .main_hd {
    line-height: 40px
}

.container_hd h2, .main_hd h2{
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    padding: 0 30px;
    line-height: 75px;
}

.container_hd .title_tab, .main_hd .title_tab {
  margin-top: -14px;
}


.container_hd .title_tab, .main_hd .title_tab {
  margin-top: -14px;
}

.title_tab .tab_navs {
  line-height: 40px;
  border-bottom-color: #e7e7eb;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.title_tab .tab_nav {
  margin-bottom: -1px;
}

.title_tab .tab_nav.selected {
  background: 0;
  border-bottom: 3px solid #44b549;
}

.title_tab .tab_nav a {
  padding: 0 22px;
}

.title_tab .tab_nav.first a {
  padding-left: 30px;
}

.container_hd .extra_info, .main_hd .extra_info {
    text-align: right;
    line-height: 43px;
    margin-top: -43px;
    padding-right: 30px;
}

.page_message .frm_input_box.search {
  margin-top: -16px;
}

.icon16_common {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    line-height: 100px;
    overflow: hidden;
}

.icon16_common.search_gray {
  background: url("/static/images/cms2/base.png") 0 -4204px no-repeat;
}

.frm_input_box.search .search_gray {
  vertical-align: -webkit-baseline-middle;
  margin-top: -0.2em;
}

.topic-box{
    padding: 20px;
}

/* topic */
.new-topic{
    /*border: 1px solid rgb(223,223,223);*/
}

.new-topic > *{
    border: 1px solid rgb(223,223,223);
    border-bottom-width: 0;
}

.new-topic .frm_input{
    padding: 0 8px;
    height: 32px;
    line-height: 32px;
}

.new-topic-line{
    width: 100%;
}

.new-topic-left, .new-topic-right{
    width: 50%;
    float: left;
}

.new-topic-left{
    border-right: 1px solid rgb(223, 223, 223);
}

select{
    border-radius: 0;
    outline: none;
    height: 32px;
    line-height: 32px;
    border: none;
    background: none;
}

.new-topic-left select{
    width: 100%;
}

.new-topic-tip{
    padding: 0 8px;
    background: rgb(223, 223, 223);
    line-height: 32px;
    height: 32px;
}

#show-provid{
    border: 1px solid rgb(99, 210, 150);
    margin-top: 20px;
}

.nt-submit-box{
    border-right: 0;
}

.nt-submit{
    background-color: rgb(229, 229, 229);
    border-radius: 0;
    border: 0;
}

/*.btn-decorate{*/
    /*border-bottom-right-radius: 100%;*/
    /*display: inline-block;*/
    /*height: 30px;*/
    /*background-color: rgb(229, 229, 229);*/
    /*width: 30px;*/
    /*line-height: 30px;*/
    /*vertical-align: bottom;*/
/*}*/

.new-topic .dropzone{
    border: none;
    padding: 10px;
}


/* dropzone */
.dropzone:after{
    content: "";
    display:inline-block;
    overflow:hidden;
    background-repeat: no-repeat;
    background-image:url(/static/images/icons.png);
    width:82px;
    height:82px;
    background-position: -2px -2px;
}

.dz-details, .dz-progress, .dz-error-message, .dz-success-mark, .dz-error-mark{
    display: none;
}

.dz-preview, .dz-image{
    display: inline-block;
}
.dz-preview{
    margin-right: 10px;
    position: relative;
}

.dz-preview .dz-remove{
    position: absolute;
    right: 2px;
    top: 2px;
    display:inline-block;
    overflow:hidden;
    background-repeat: no-repeat;
    background-image:url(/static/images/icons.png);
    width:17px;
    height:17px;
    background-position: -86px -43px
}

.dz-image img{
    border-radius: 4px;
    height: 82px;
    width: 83px;
}

.t-panel{
    border: 1px solid rgb(223, 223, 223);
    margin-top: 12px;
}

.t-panel-heading{
    background-color: rgb(220, 220, 220);
    position: relative;
}

.t-panel-title{
    margin-right: 150px;
    height: 40px;
    line-height: 40px;
    padding: 0 8px;
}

.t-edit-box{
    position: absolute;
    right: 8px;
    top: 3px;
}

.t-edit-btn{
    background-color: rgb(127, 127, 127);
    color: #ffffff;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
}

.t-edit-btn:hover{
    opacity: 0.8;
}

.index-img {
    max-width: 100%;
}

.topic-line{
    width: 100%;
    border-bottom: 1px solid rgb(223, 223, 223);
}

.topic-left, .topic-right{
    float: left;
    line-height: 32px;
    padding: 0 8px;
}

.topic-left{
    width: 30%;
}

.topic-right{
    border-left: 1px solid rgb(223, 223, 223);
    width: 70%;
}

.padding-box{
    padding: 8px;
}

.more-topic-box{
    text-align: center;
    margin-top: 8px;
}

.more-topic{
    background-color: rgb(96, 210, 150);
    color: #ffffff;
}

.up-triangle{
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 8px 8px;
    border-style: solid;
    border-color: #ffffff #ffffff rgb(96, 210, 150) #ffffff;
}

.down-triangle{
    display: inline-block;
    vertical-align: bottom;
    width: 0;
    height: 0;
    border-width: 8px 8px;
    border-style: solid;
    border-color: rgb(96, 210, 150) #ffffff #ffffff #ffffff;
}

.gallery-list{
}

.gallery-item{
    float: left;
    width: 25%;
}

.hot-info{
    border: 1px solid rgb(238, 238, 238);
    height: 100px;
    margin: 10px;
    padding: 20px 0;
    text-align: center;
    position: relative;
}

.new-gallery-panel{
    padding: 10px;
}

.new-gallery-panel .form-inline .radio, .new-gallery-panel .form-inline .form-group{
    display: inline-block;
}

.add-gallery{
    background-color: rgb(96, 210, 150);
    color: #ffffff;
}

.del-gallery-box{
    bottom: 0;
    position: absolute;
    width: 100%;
}

.del-gallery{
    background-color: rgb(127, 127, 127);
    color: #ffffff;
    display: block;
    width: 100%;
}

#refresh-g, #cancel-g{
    background-color: #ffffff;
    color: #000000;
}

#edit-g{
    color: #ffffff;
    background-color: rgb(128, 128, 128);
}

#save-g{
    background-color: rgb(96, 210, 150);
    color: #ffffff;
}

.note-panel{
    border: 1px solid rgb(239, 239, 239);
}

.note-panel .padding-box{
    border-top: 1px solid rgb(239, 239, 239);
}

.save-n{
    background-color: rgb(96, 210, 150);
    color: #ffffff;
}

.edit-n{
    background-color: rgb(128, 128, 128);
    color: #ffffff;
}

.cancel-n{
    background-color: #ffffff;
    color: #000000;
}

.del-n{
    background-color: rgb(191, 34, 30);
    color: #fff;
}

/* black user */
.black-user-line{
    border: 1px solid rgb(223, 223, 223);
}

.black-user-left, .black-user-right{
    float: left;
}

.black-user-left{
    width: 70%;
}

.black-user-right{
    width: 30%;
}

.black-user-left .t-panel{
    margin-top: 0;
}

.user-item{
    position: relative;
    margin: 10px 16px;
}

.user-item .img-box{
    position: absolute;
    left: 0;
    top: 0;
}

.user-item .img-box .user-img{
    width: 30px;
    height: 30px;
    border-radius: 100%;
}

.user-item .user-info-box{
    margin-left: 50px;
    padding: 4px;
    margin-right: 50px;
}

.add-black-user-box{
    border-bottom: 1px solid rgb(223, 223, 223);
    height: 40px;
    padding: 4px;
    text-align: center;
}

.nt-simg{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    height: 100px;
    width: 100px;
}